<template>

          <div class="footer">
            <div class="col-news">
              <div class="title"><i class="iconfont icon-news"></i>宠界新闻</div>
              <div class="details">
                <div>宠物新鲜事</div>
                <div>展会信息</div>
                <div>更多</div>
              </div>
            </div>
            <div class="col-healthy">
              <div class="title"><i class="iconfont icon-jiankang"></i>宠物健康</div>
              <div class="details">
                <div>猫猫健康</div>
                <div>狗狗健康</div>
                <div>其他宠物健康</div>
              </div>
            </div>
            <div class="col-about">
              <div class="title"><i class="iconfont icon-guanyuwomen"></i>关于我们</div>
              <div class="details">
                <div>About us</div>
                <div>联系我们</div>
                <div>隐私策略</div>
              </div>
            </div>
            <div class="bottom">
               2022 petpetviews.com
            </div>
          </div>

</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.footer {
    width: 100%;
    margin: 20px 0;
    padding-bottom: 15px;
    color: #939393;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;

    .col-news,.col-healthy,.col-about,.bottom {
      padding-top: 10px;
      .title{
        i{
          padding-right: 5px;
          text-align: center;
        }
      }
      .details{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 5px;
        padding-left: 20px;
      }
    }
  }
</style>
